<template>
  <div class="platformdata-box">
    <div class="platformdata-title">
      <span class="title-span">事项情况</span>
    </div>
    <div class="platformdata-content">
     <pieOne
      :summaryInfo="summaryInfo"
      :colorList="colorList"
      type="1"
      ref="stockPie"
     ></pieOne>
    </div>
  </div>
</template>

<script>
import pieOne from './Chart'
export default {
  name:'Task',
  components: {
    pieOne,
  },
  props: {
    chinaMapIn: {
      type: Array,
      default: () => {
        return []
      }
    },
    summaryInfo: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
  watch: {
    chinaMapIn: {
      handler() {
      },
      immediate: true,
      deep: true
    },
    mapDetail: {
      handler() {
      },
      immediate: true,
      deep: true
    }
  },
  data() {
    return {
      chart: null,
      detail: '',
      colorList :[
        ['rgba(7,165,255,0.20)', '#07A5FF', '#9BDBFF'],
        ['rgba(170,85,255,0.20)', '#AA55FF', '#DDBBFF'],
        ['rgba(185,231,50,0.20)', '#B9E732', '#E3F5AD'],
        ['rgba(41,244,236,0.20)', '#29F4EC', '#A9FAF7'],
        ['rgba(255,191,45,0.20)', '#FFBF2D', '#FFE5AB'],
        ['rgba(228,94,199,0.20)', '#E45EC7', '#F4BEE8'],
        ['rgba(68,225,74,0.20)', '#44E14A', '#B4F3B6'],
        ['rgba(255,135,72,0.20)', '#FF8748', '#FFCFB5'],
        ['rgba(67,123,255,0.20)', '#437BFF', '#B3CAFF'],
        ['rgba(255,88,129,0.20)', '#FF5881', '#FFBCCC']
      ],
      // summaryInfo:{}
    }
  },
  mounted(){
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.platformdata-box {
  position: relative;
  width: 100%;
  color: #CCDCFF;
  .platformdata-title {
    position: relative;
    width: 100%;
    height: 20px;
    margin-top: 10px;
    background-image: url("../../../../assets/screen/biaoti2.jpg");
    background-size: 100% 100%;
    text-align: left;
    .title-span{
      position: relative;
      font-size: 20px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #CCDCFF;
      left: 5%;
      top:-10px;
    }
  }
  .platformdata-content{
    margin-top: 5px;
    width: 100%;
    height: 256px;
    display: flex;
    .content-biaoti{
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 5px;
    }
    .biaoti-label{
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 400;
    }
    .content-count{
      font-size: 30px;
      font-family: DIN;
      font-weight: bold;
    }
  }
}
</style>
